<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族精简版</title>
    <link rel="icon" href="./Newimage/xjmz(2).ico">
    <!-- 引入 Bootstrap CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <!-- 引入全局样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 首页的样式 -->
    <link rel="stylesheet" href="./css/index3.css">
    <!-- 引入 js 技术 -->
    <script src="myScript.js"></script>
</head>
<body>

    <!-- banner开始 -->
    <div class="banner">
        <!-- 这里可以添加Bootstrap样式或其他自定义样式 -->
    </div>
    <!-- banner结束 -->

    <!-- 广告开始 -->
    <div class="container mt-4">
        <div class="row justify-content-center">
            <div class="col-md-3 mb-4">
                <div class="card">
                    <img src="./five/4802d235-98bb-43af-b18a-0f168df5eaaa.webp" class="card-img-top" alt="">
                    <div class="card-body">
                        <h5 class="card-title">999期分期付费</h5>
                        <p class="card-text">可续费至下辈子</p>
                    </div>
                </div>
            </div>
            <!-- 添加更多广告卡片 -->
        </div>
    </div>
    <!-- 广告结束 -->

    <!-- 主体开始 -->
    <div class="container mt-4">
        <!-- 手机开始 -->
        <div class="phone">
            <h3 class="title">手机</h3>
            <div class="home-img"></div>
            <div class="row">
                <!-- 添加手机相关内容，使用Bootstrap的栅格系统 -->
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <img src="./four/Cgbj0GQk-MKAQbf9AAqzAmNq5Hk772.png" class="card-img-top" alt="">
                        <div class="card-body">
                            <a href="#">
                                <h5 class="card-title">魅族22</h5>
                                <p class="card-text">限时预定，没有优惠券</p>
                                <p class="card-text price">$9999<i>起</i></p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 添加更多手机卡片 -->
            </div>
        </div>
        <!-- 手机结束 -->

        <!-- MUVY开始 -->
        <div class="eyes">
            <h3 class="title">MUYV</h3>
            <div class="home-img home-img1"></div>
            <div class="row">
                <!-- 添加 MUVY 相关内容，使用Bootstrap的栅格系统 -->
                <div class="col-md-6 mb-4">
                    <div class="card">
                        <img src="./four/Cgbj0GR0BCSALZWTAARFHnfd6T0252.png" class="card-img-top" alt="">
                        <div class="card-body">
                            <a href="#">
                                <h5 class="card-title">魅族20无界</h5>
                                <p class="card-text">限时减免，没有优惠券</p>
                                <p class="card-text price">$9999<i>起</i></p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 添加更多 MUVY 卡片 -->
            </div>
        </div>
        <!-- MUVY结束 -->
    </div>
    <!-- 主体结束 -->

    <!-- 引入 Bootstrap JS 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
